<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>itcast.cn的JQuery实例1：浮动窗口</title>
    <!--链接外部的js文件-->
    <script type="text/javascript" src="jslib/jquery.js"></script>
    <script type="text/javascript" src="jslib/jquerywin.js"></script>
    <!--链接外部的css文件-->
    <link type="text/css" rel="stylesheet" href="css/win.css" />
</head>
<body>
<a onclick="showwin()" href="#">显示浮动窗口</a>
<!--如何表示页面中的一个弹出窗口?可以使用div来表示-->
<!--目前怎么看都不是一个窗口，因此需要用css来改变一下这个div的样子-->
<!--出现标题栏和内容区域-->
<div id="win">
    <div id="title">我是标题栏啊！！<span id="close" onclick="hide()">X</span></div>
    <div id="content">我是一个窗口哦！！</div>
</div>

</body>
</html>